<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 动态注入的 CDN -->
    <% if (htmlWebpackPlugin.options.cdn) { %> <%
    Object.keys(htmlWebpackPlugin.options.cdn).forEach(function(key) { %>
    <script src="<%= htmlWebpackPlugin.options.cdn[key] %>"></script>
    <% }); %> <% } %>
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <div
      style="background-color: blue; opacity: 0.25; color: #d7f114"
      class="less scss"
    >
      文字颜色样式
    </div>
    <div class="test"></div>
    <div class="css"></div>
    <div class="less-color">less 变量作用域</div>
    <div class="scss-color">scss 变量作用域</div>
    <!-- html 注释 打包压缩会被删除 -->
    <span class="iconfont icon-shouye"></span>
    <span class="iconfont icon-shouye1"></span>
    <span class="iconfont icon-shouye2"></span>
  </body>
</html>
